<!DOCTYPE html>
<html lang="en" class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>快捷酒店POS登录界面</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="/css/font.css">
    <link rel="stylesheet" href="/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/js/xadmin.js"></script>
    <script type="text/javascript" src="/js/cookie.js"></script>

</head>
<body class="login-bg">

<div class="login layui-anim layui-anim-up">
    <div class="message">快捷酒店登录</div>
    <div id="darkbannerwrap"></div>
    <form method="post" class="layui-form" id="login">
        <input name="username" id="username" placeholder="用户名" type="text" lay-verify="required" class="layui-input">
        <hr class="hr20">
        <input name="password" id="password" lay-verify="required" placeholder="密码" type="password" class="layui-input">
        <hr class="hr20">
        <input type="checkbox" name="rememberMe" id="rememberMe" lay-skin="primary" title="记住我"/>
        <hr class="hr20">
        <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
        <hr class="hr20">
    </form>
</div>
<script type="text/javascript" src="/js/myLayui.js"></script>
<script>
    $(function ($) {
        layui.use(['form', 'layer', 'jquery', 'jq_cookie'], function () {
            var form = layui.form;
            var $ = layui.jquery;
            // layer.msg('玩命卖萌中', function(){
            //   //关闭后的操作
            //   });
            console.log("!!!!!!");
            console.log("username:" + $.cookie('username'));
            if ($.cookie("rememberMe")) {
                $("#rememberMe").prop("checked", true);
                form.render('checkbox');
                $("#username").val($.cookie("username"));
                $("#password").val($.cookie("password"));
            }

            //记住密码操作
            function saveUserInfo() {
                if ($("#rememberMe").prop("checked") == true) {
                    console.log("记住密码");
                    var username = $("#username").val();
                    var password = $("#password").val();
                    $.cookie("rememberMe", "true", {
                        expires: 7
                    }); // 存储一个带7天期限的 cookie
                    $.cookie("username", username, {
                        expires: 7
                    }); // 存储一个带7天期限的 cookie
                    $.cookie("password", password, {
                        expires: 7
                    });
                    // 存储一个带7天期限的 cookie

                } else {
                    console.log("不记住密码");
                    $.cookie("rememberMe", "false", {
                        expires: -1
                    }); // 删除 cookie
                    $.cookie("username", '', {
                        expires: -1
                    });
                    $.cookie("password", '', {
                        expires: -1
                    });
                }
            }

            //监听提交
            form.on('submit(login)', function () {
                var data = $('#login').serialize();
                console.log(data);
                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: "/doLogin",
                    data: data,
                    success: function (res) {
                        if (res != 0) {
                            layer.msg(res.msg, {icon: 5});

                        }
                        else {
                            layer.msg("登陆成功", {icon: 1});
                            location.href = '/admin/index';
                            saveUserInfo();
                        }
                    },
                    error: function (xhr) {
                        console.log(xhr);
                    }
                });
                return false;
            });
        });

    });


</script>


<!-- 底部结束 -->
<script>
    //百度统计可去掉
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>